﻿@charset "utf-8";
* {
	margin : 0px;
	padding : 0px;
}

body {
/*	background : url('../images/body_background.jpg') #fff repeat-x 0px 77px; */
	color:black;
	font-family:Arial, Helvetica, sans-serif,"宋体" ;
	font-size : 12px;
	/*background:#E6E6E6;*/
	background:#ffffff;
}

a {
    color:#666666;
/*	color:#0060B5;  
	color:#008282;*/
	text-decoration:none;
	cursor:pointer;
}

a:link{
	text-decoration:none;
}

a:hover {
	color:#CC3399;
}

li{
	list-style:none;
	padding:0px;
	margin:0px;
}

/* Header Style */

#page_header {
	margin : 0px auto;
	width : 970px;
	height : 77px;
	text-align : left;
	overflow : hidden;
/*	background:url(../images/shop/shipping.png) no-repeat 500px 15px; */ 
}

#page_title {
	margin-left : 0px;
	margin-top : 10px;
	float : left;
}

#page_title img {
	position:relative;
	top : 0px;
	margin-left : 5px;
	left: 0px;
}


/* Menu Style */

#page_menu {
	margin : 0px auto;
	width : 970px;
	height : 35px;
	float : none;
	clear : both;
	text-align : center;
	position:relative;
	background:url(../images/body_background.jpg) repeat-x;
}

#page_menu ul {
	height : 35px;
}

#page_menu li {
	height : 14px;
	float : left;
	display : block;
	position: relative;
}
#page_menu a{
	padding:9px 25px;
	float:left;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
/*	border-left:1px #77a1df solid; */
    border-left:1px #3894C8 solid;
}

#page_menu a:hover{
	background-color:#4eab09;
	background:url(../images/body_background2.png) repeat-x center;
}

/*搜索*/
.searchTopDiv{
	padding:10px;
	background:url(../images/popsearch2.jpg) repeat-x bottom;
	font-size:15px;
}

.searchTopDiv .searchTopInput{
	height:18px;
	width:200px;
}
.searchTopDiv .searchbutton{
    background:url(../images/shop/search.jpg) no-repeat;
	height:20px;
	width:92px;
	margin:0;
	padding:0;
	border:0px;
	cursor:pointer;
	}
.searchform{
    margin-left:200px;
	}
.cartOrder{
	right:0px;
	top:0px;
	float:right;
	margin-top:-20px;
	font-size:14px;
	font-weight:bold;
}
.cartOrder a{
	padding:10px;
	color:#006697;
	border:none;
}
.cartOrder a:hover{
	background:none;
	color:#C40000;
}


/* Main Body Style */

#page_wrapper {
	margin : 0px auto;
	width : 976px;
	text-align : justify;
	display : block;
	clear : both;
	background:#133759;
	height:auto !important;
	overflow:hidden;
	padding: 0 3px;

}


/*左側*/
#leftBody{
	float:left;
	width:190px;
	margin-top:5px;
	position:relative;
}
     .page_box .bulletinDiv{
	       height:auto;
		   margin:0;
		   }


/*右側*/
#rightBody{
	float:left;
	width:765px;
	margin-top:0px;
	padding-top: 20px;
}
/*右側左邊*/
#centerLeftBody{
	float:left;
	width:570px;
}


.categories{
    background:#257CB7;
	height:auto !important;
	min-height:280px;
	height:280px;
	width:190px;
}
.categories h3{
    /*border-bottom:1px #FFFFFF solid;*/
	padding:3px 0px 0 0px;
	margin:0;
	font-size:14px;
	color:#FFFFFF;
	height:25px;
	text-align:left;
	width:190px;
	background:url(../images/catehead_bg.png) no-repeat;
}

//
.rolinList{ width:180px; height:auto; margin:0px; text-align:left;}
.rolinList li.childLi{margin-bottom:1px;width:180px;margin-left:0 !important; margin-left:-15px; border-bottom:1px #ccc solid;}
.rolinList a{color:#FFFFFF;}
.rolinList a:hover{color:#CC3399;}
.rolinList li.childLi h2{ width:180px; height:25px;font-size:14px; font-weight:bold;padding:5px 0 0 5px;; color:#fff; cursor:pointer;background:url(../images/categories_bg2.png) no-repeat;}
.content{ height:auto;width:180px;}
.content dl{padding:0 0 0 10px;}
.content p{ margin:0;}
.content dt a{height:30px; color:#FCEE21;}
.content dd a{height:15px; color:#fff; padding-left:5px;}


//
.c_subNav { width:189px; background:#257CB7; /*border:1px #CCCCCC solid;*/}
.c_subNav ul{ margin:0; padding:0; background:#257CB7;}
.c_subNav ul li.charges{ background: url(../images/dot.jpg) no-repeat 170px 10px;}
.c_subNav table { width:100%; border-collapse:collapse;}
.c_subNav a { text-decoration:none; color:#fff;}
.c_subNav a:hover { color:#f60;}
.c_subNav ul ul { position:absolute; visibility:hidden; right:-155px; top:-1px;}
.c_subNav li { border-bottom:1px solid #fff; position:relative; _position:static; float:left; width:100%; }
.c_subNav a.li { position:relative;}
.c_subNav li .option { display:block; line-height:15px; padding:5px 5px 5px 10px; background:no-repeat 5px 4px; cursor:pointer; font:12px Verdana; zoom:1; background: url(../images/dot.jpg) no-repeat right;}
.c_subNav li .option:hover { color:#000; background-color:#99CC00;}
.c_subNav .li a{ height:20px; }
.c_subNav .li:hover { z-index:2; background:transparent;}
.c_subNav .li:hover ul { visibility:visible;}
.c_subNav .li:hover ul ul { visibility:hidden;}
.c_subNav .li:hover ul { /*border:1px solid #ccc;*/ border-width:1px 2px 2px 1px; width:155px; background:#257CB7; padding:1px;}
.c_subNav .li:hover li { /*border-bottom:1px solid #ccc;*/}
.c_subNav .li:hover li .option { padding:2px 5px; background:transparent;}
.c_subNav .li:hover li .option:hover { background:#99CC00; color:#000;}
.c_subNav .li:hover .li:hover ul { visibility:visible; left:155px; top:-1px;}
/*---图标差异---*/
.c_subNav .charges .option { background-position:4px -45px;}

/*右側右邊*/
#centerRightBody{
	float:right;
	width:190px;
}


/* Footer Style */
#page_spacing {
	clear : both;
	float : none;
}

#page_footer {
	margin : 0px auto;
	padding: 0 3px;
	width : 976px;
	background:#FFFFFF;
	position:static;
	text-align:center;
}

.footer{
    height:50px;
    border-top:1px #CCCCCC solid;
	position:static;
    background:url(../images/footerbg.png) repeat-x;
}

#page_credit {
	margin: 0 auto;
	width: 982px;
	text-align : center;
	height: 20px;
	background: #FFFFFF;
	font-size : 12px;
	color : #010101;
	padding:0;
}

#page_credit a {
	text-decoration : none;
	color : #010101;
	padding:0;
	margin:0;
}

#page_credit a:hover {
	color : #464646;
}

.borderbox {
	clear : both;
	float : none;
	margin-top : 13px;
	border : #A5A4A4 1px solid;
}

span {
	
}

img {
	border: 0px;
}

p {
	text-align : justify;
	line-height : 13px;
}

ul {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	display : block;
}

li {
	text-indent: 0px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}

input {
	background-color : #fff;
	color : #949393;
	border : #D7D7D7 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
}

select {
	background-color : #fff;
	color : #949393;
	border : #D7D7D7 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
}

input.submit {
	padding : 0px;
	border : none;
	cursor : pointer;
}

.clearthis {
	margin : 0px;
	clear : both;  
	float : none;	
	font-size : 1px;
	line-height : 0px;
}
/*公告*/
.bulletinDiv{
	height:40px;
	position:relative;
}
	.bulletinDiv div {
		margin:0px;
		padding:10px 5px 10px 25px;
		background:url(../images/bulletinbg.jpg) no-repeat left;
		font-weight:bold;
		color:#000000;
		border-bottom:1px #FFFFFF solid;
	}
/*內頁菜單*/
#page_menu_box li{
	list-style-position:outside;
	list-style-type:none;
	list-style-image:none;
	list-style:none;
}
#page_menu_box li a{
	float:left;
	padding:12px 0px 12px 18px;
	width:190px;
	background-color:#EAEBEA;
	border-bottom:1px #FCFCFC solid;
	color:#666666;
}
#page_menu_box li a:hover{
	background-color:#CCCCCC;
	color:#FFFFFF;
	text-decoration:none;
}
#page_menu_box ul{
	clear:both;
}
#articleUl{
	padding:3px 8px;
}
	#articleUl li{
		list-style-position:outside;
		list-style-type:none;
		list-style-image:none;
		background:url(../images/dot.jpg) no-repeat left;
		margin:6px 0px;
		padding-left:15px;
		padding-bottom:3px;
		padding-top:5px;
		border-bottom:1px dashed #CCCCCC;
	}
	#articleUl li span{
		float:right;
	}
	
/*产品列表*/
#imgShowDiv{
	width:100%;
}
.eachImgDiv{
	width:300px;
	height:180px;
	float:left;
	margin:20px 18px 20px 18px;
	overflow:hidden;
	border:1px #cccccc dashed;
	padding:8px;
}
.eachImgRight{
	float:right;
	width:140px;
}
.eachImgRight div{
	margin:4px 0px;
	line-height:20px;
}
.eachImg{
	width:150px;
	overflow:hidden;
	text-align:center;
}
.eachImgDiv img{
	height:150px;
	border:none;
}
.eachImgRight a{
	float:left;
	padding:0px 8px;
	background-color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	border:1px #D4D4D4 solid;
	font-size:12px;
	color:#FFFFFF;
}
.eachImgRight a:hover{
	background-color:#F2F2F2;
	color:#999999;
}

.imgItemShowBox{
	margin-top:5px;
}
#imgItemShowDiv{
	padding:10px;
	text-align:center;
}
#imgItemShowDiv div{
	margin:10px;
}


/*信息提示*/
.centerDiv{
	margin:5px 0px 10px 0px;
	padding:20px 100px 20px 100px;
	clear:both;
}

	.centerDiv h4{
		font-size:11px;
	}
	.centerDiv .tishik{
		clear:both;
		text-align:center;
		padding-bottom:35px;
		border:1px #999999 dashed;
	}
	.centerDiv .tishiyu{
		margin-bottom:5px;
		margin-top:20px;
		font-weight:bold;
		color:#666666;
	}
	.centerDiv .tishichar{
	height:20px;
	padding:5px;
	color:#FFFFFF;
	text-align:left;
	background-color: #333;
	background-repeat: repeat-x;
	}
	
/*分页*/
.pageDiv span{
	padding:5px;
	float:left;
}
#currentPage{
	background-color:#FFFFFF;
	color:#666666;
}
.pageStyle{
	text-decoration:none;
	padding:3px 8px 3px 8px;
	border:1px #666666 solid;
	background-color:#C5C5C5;
	color:#FFFFFF;
	float:left;
	margin:2px;
}
	.pageStyle:hover{
		background-color:#FFFFFF;
		color:#666666;
	}
	
	
/*消息框*/
.floatPmTop{
	padding:10px;
	background:url(../images/topicsbg.gif) repeat-x bottom;
	text-align:left;
}

/*短信提示DIV*/
#newPmDiv{
	border:1px #FF9B9B solid;
	padding:8px 5px;
	background:#FFECEC url(../images/warning.gif) no-repeat;
	background-position: 922px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:14px;
	margin-top:5px;
}
	#newPmDiv img{
		vertical-align:middle;
	}
	
/* 登陆框 */
.logintishi{
	clear:both;
	text-align:left;
	border:1px #999999 dashed;
}
.login{
	text-align:center;
	background-color:#F2F2F2;
	padding:10px;
}
.login div{
	margin:10px 0px;
}
.login h4{
	font-size:13px;
	margin-bottom:10px;	
	position:relative;
}
	.login h4 span{
		position:absolute;
		margin-left:5px;
		top:5px;
		width:200px;
		text-align:left;
	}

.login h4 input.usepass{
	background: #FFF url(../images/input.gif) no-repeat;
	width:170px;
	height:15px;
	padding: 2px;
}
.login h4 select{
	background: #FFF url(../images/input.gif) no-repeat;
	width:178px;
	padding: 2px; 
}
.login h4 input.loginRegi{
	width:80px;
	height:25px;
	font-size:13px;
}
#thisTishiKuang a{
	cursor:pointer;
}
#yanzhengDiv{
	display:none;
}
#yanzhengDiv img{
	cursor:pointer;
	border:1px #CCCCCC dotted;
}
/*用户登录状态*/
#userState{
	float:right;
	margin:5px 0px;
}
/*
#cartOrder{
	position:absolute;
	right:0px;
	top:0px;
	float:right;
	margin:40px 0 0 0;
	font-size:14px;
	font-weight:bold;
}
#cartOrder a{
	padding:10px;
	color:#006697;
	border:none;
}
#cartOrder a:hover{
	background:none;
	color:#C40000;
}
*/
.rssImgA img{
	vertical-align:middle;
}
